.popover-container{
    box-sizing: border-box;
    width: 240px;

    :global .ant-popover-inner{
        padding: 0;
    }

    .popover-body{
        position: relative;
        background-color: var(--white);
        border-radius: 6px;
        max-height: 240px;
        overflow: auto;

        .list{
            position: relative;
            padding: 4px;

            :global .ant-list-item{
                padding: 0;
            }
            .item{
                position: relative;
                width: 100%;
                overflow: hidden;
                font-size: 12px;
                padding: 12px 4px;
                cursor: pointer;

                &:hover{
                    background-color: var(--gray-1);
                }

                p{
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    color: var(--gray-9);
                }

                div{
                    position: relative;
                    color: var(--gray-6);
                }
            }
        }

        .footer{
            position: relative;

            .msgs{
                position: relative;
                padding: 6px 12px 12px;
                border-radius: 6px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 12px;
                color: var(--gray-8);
                cursor: pointer;

                &:hover{
                    color: var(--main-6);
                }
            }
        }
    }

}


.email{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 12px;
    cursor: pointer;

    & + sup{
        top: 8px !important;
    }
}
